<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet/less" type="text/css"
	href="${resource(dir:'less', file:'style.less') }">
<script src="${resource(dir:'js', file: 'less-1.3.0.min.js') }"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script
	src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.3/bootstrap.min.js"></script>
<script src="${resource(dir:'js', file:'underscore-1.3.3.min.js') }"></script>
<script src="${resource(dir:'js', file:'backbone-0.9.2.min.js') }"></script>
<script src="${resource(dir:'js/app', file:'namespace.js') }"></script>
<script src="${resource(dir:'js', file:'jquery.placeholder.min.js') }"></script>
<script>
	$(document).ready(function() {
		$('input, textarea').placeholder();
	});
</script>
<title><g:layoutTitle /></title>
<g:layoutHead />
</head>
<body>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a>

				<ul class="nav">
					<li class="dropdown active"><a href="#"
						class="dropdown-toggle brand" data-toggle="dropdown">MasterCard
							<b class="caret"></b>
					</a>
						<ul class="dropdown-menu">
							<li><a href="#">Expense Overview</a></li>
							<li><a href="#">Past Transaction</a></li>
							<li><a href="#">Expense Summary (Chart)</a></li>
							<li><a href="#">Rewards Redemption</a></li>
							<li><a href="#">Exclusive Deals</a></li>
						</ul>
					</li>
				</ul>
				<div class="nav-collapse">

					<ul class="nav pull-right">
						<li class="dropdown active"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"><img
								src="http://lorempixel.com/25/25/people" width="25" height="25">&nbsp;
								Thomas <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">My Profile</a></li>
								<li><a href="#">Reset Password</a></li>
								<li class="divider"></li>
								<li><a href="#>">Logout</a></li>
							</ul></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
	<div class="container">
		<div class="main-content row">
			<div class="span12">
				<div class="span9" style="float: left; margin: 0px; padding: 0px;">
					<g:layoutBody />
				</div>
				
				<div class="span3 deals">
					<h2>Deals</h2>
					<div class="row">
						<div class="span1">
							<img src="http://lorempixel.com/80/80/technics/" class="deal-img" />
						</div>
						<div class="span2">
							<div>
								<a href="#">Macbook Pro</a>
							</div>
							<div>Best Macbook Ever</div>
							<div>Apple Inc</div>
							<br />
						</div>
					</div>
					<p></p>
					<div class="row">
						<div class="span1">
							<img src="http://lorempixel.com/80/80/technics/" class="deal-img" />
						</div>
						<div class="span2">
							<div>
								<a href="#">Bravia</a>
							</div>
							<div>Best TV Ever</div>
							<div>Sony Inc</div>
							<br />
						</div>
					</div>
					<p></p>
					<div class="row">
						<div class="span1">
							<img src="http://lorempixel.com/80/80/technics/" class="deal-img" />
						</div>
						<div class="span2">
							<div>
								<a href="#">Macbook Pro</a>
							</div>
							<div>Best Macbook Ever</div>
							<div>Apple Inc</div>
							<br />
						</div>
					</div>
					<p></p>
					<div class="row">
						<div class="span1">
							<img src="http://lorempixel.com/80/80/technics/" class="deal-img" />
						</div>
						<div class="span2">
							<div>
								<a href="#">Bravia</a>
							</div>
							<div>Best TV Ever</div>
							<div>Sony Inc</div>
							<br />
						</div>
					</div>
					<p></p>
					<div class="row">
						<div class="span1">
							<img src="http://lorempixel.com/80/80/technics/" class="deal-img" />
						</div>
						<div class="span2">
							<div>
								<a href="#">Macbook Pro</a>
							</div>
							<div>Best Macbook Ever</div>
							<div>Apple Inc</div>
							<br />
						</div>
					</div>
					<p></p>
					<div class="row">
						<div class="span1">
							<img src="http://lorempixel.com/80/80/technics/" class="deal-img" />
						</div>
						<div class="span2">
							<div>
								<a href="#">Bravia</a>
							</div>
							<div>Best TV Ever</div>
							<div>Sony Inc</div>
							<br />
						</div>
					</div>
				</div>
				<div style="clear: both;"></div>
				<p></p>
				<br />
				<div class="footer">hello</div>
			</div>
		</div>

	</div>

</body>
</html>